/* 初始化 */
*{
    margin:0px; padding:0px;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
a{
    text-decoration:none;
}
li{
    list-style:none;
}
body{
    background-color: rgb(245, 245, 245);
}

#main{
    overflow: hidden;
}
/* 头部 */
#search{
    padding-top: 50px;
    padding-bottom: 50px;
}
/* 搜索框 */
#search>#combobox{
    border:2px solid rgb(207, 58, 37);
    width:45%;
    margin:0px auto;
}
/* 头部搜索框 */
#search>#combobox>input{
    float:left;
    border:0px;
    border-radius: 0px;
    width: 80%;
}
/* 头部搜索按钮 */
#search>#combobox>button{
    background-color:rgb(207, 58, 37);
    color:#fff;
    width:20%;
    border:1px solid rgb(207, 58, 37);
    float:right;
    border-radius: 0px;
    font-size: 18px;
    padding: 0px;
    height: 34px;
}
/* 大轮播 */
#big-banner{
    position: relative;
    height: 536px;
    background-image: url('../Views/Home/2.jpg'); /* 轮播图片 */
    background-size: 100% 100%;
    background-position: center;
    webkit-transition: 800ms;
    transition: 800ms;
}
/* 大轮播顶部 */
#main-nav{
    height: 36px;
    background-color: rgb(230, 37, 37);
    color:#fff;
    overflow: hidden;
}
#main-nav>div{
    overflow: hidden;
    width: 95%;
    height: 36px;
    margin: 0px auto;
    background-color: rgb(230, 37, 37);
}
/* 商品分类文字 :占浏览器宽度19% */
#main-nav>div>span{
    width: 20%;
    height: 36px;
    float:left;
    background-color: rgb(182, 23, 23);
    font-size: 18px;
    text-indent: 4%;
    line-height: 30px;
    word-spacing: 20%;
}
/* 大轮播图顶部链接 */
#main-nav>div>ul{
    margin: 0px auto;
}
#main-nav>div>ul>li{
    float: left;
    width: 8%;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
#main-nav>div>ul>li>a{
    display: block;
    color:#fff;
}
/* 轮播图切换按钮 */
#switch{
    position: absolute;
    bottom: 20px;
    right: 50%;
    overflow: hidden;
}
#switch>ul>li{
    width: 24px;
    height: 24px;
    background-color: rgba(100, 100, 100, 0.9);
    border:2px solid rgba(100, 100, 100, 0.9);
    border-radius: 12px;
    margin-left: 50px;
    float: left;
    transition: 800ms;
    -webkit-transition: 800ms;
}
#switch>ul>li:hover{
    background-color: rgba(250, 250, 250, 0.8);
    cursor: pointer;
}

/* 大轮播图的菜单列表 */
#nav-list{
    width:19%;margin-left:2.5%;background-color:#fff;
    position: relative;
}
/* 左侧列表  500px/16 */
#nav-list>ul>li{
    height: 31.25px;
    line-height: 31.25px;
    text-indent:18%;
    background-color:#ddd;
}
/* 显示细节 */
#nav-list>ul>li>div{
    width: 300%;
    height:100%;
    left: 100%;
    top:0px;
    background-color:#fff;
    display: none;
    position: absolute;
    overflow: hidden;
}
#nav-list>ul>li:hover{
    background-color: #fff;
}
#nav-list>ul>li:hover div{
    display: block;
}
#nav-list>ul>li>a{
    color:#111;
}
/* 以上是大轮播图部分 */
/* 以下是品牌部分 */
#brands{
    margin: 0px auto;
    overflow: hidden;
    width: 95%;
}
/* 轮播图下面的品牌区 */
.brand{
    height:400px;
    overflow: hidden;
    margin-top: 50px;
}
/* 直播 */
#brand-live{
    width:39%;
    height:400px;
    float:left;
    text-align: center;
    background-color: #aaa;
    background-image: url('../Views/Home/1.jpg');
    background-size: 100% 100%;
    background-position: center;
    transition: 1s;
    -webkit-transition: 1s;
}
#brand-live:hover{
    background-size: 110% 110%;
    color:#fff;
    cursor: pointer;
}
/* 24个优惠 */
#coupons{
    width: 60%;
    height: 400px;
    float: right;
    background-color: #aaa;
}
/* 24个优惠 */
.coupon{
    width: 16.6666666666%;
    height: 100px;
    float: left;
    background: #acc;
    background-image: url('../Views/Home/2.jpg');
    background-size: 100% 100%;
    overflow: hidden;
    transition: 500ms;
    -webkit-transition: 500ms;
}
.coupon>div{
    position:relative;
    height:100%;
    top:100px;
    background-color: rgba(100,100,100,0.5);
    /*display: none;*/
    transition: 600ms;
    -webkit-transition: 600ms;
}
.coupon:hover div{
    /*display: block;*/
    top:0px;
    cursor: pointer;
}


/* 5个展示区 */
.exposure{
    width: 19%;
    height:400px;
    background: #fff;
    float:left;
}
/* 红背景(个人推荐) */
.exposure>span{
    width: 100%;
    height: 40px;
    background-color:#f33;
    font-size:18px;
    line-height: 30px;
    color:#fff;
    text-align: center;
}
.exposure>div{
    height:180px;
    border-bottom:1px dotted #aaa;
    text-align: center;
}
.exposure>div>a,.exposure>div>p,.exposure>div>a>h3{
    margin: 0px;
}
.exposure>div>a{
    display: inline-block;
    margin-top: 15px;
    color: #943;
}
.exposure>div>p{
    margin-bottom: 5px;
}
/* 框住图像 */
.exposure>div>.exposure-img{
    margin: 0px auto;
    width:44%; height:56%;
    border-radius: 50%;
    overflow: hidden;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.exposure>div:hover .exposure-img{
    width: 48%;
    height: 60%;
}
.exposure>div>.exposure-img>img{
    width:100%; height:100%;
}

/* 结尾部分 */
#footer{
    height: 160px;
    color:#ddd;
    background-color: #111;
    padding-top: 10px;
}
#footer>div{
    width: 95%;
    margin:0px auto;
    height: 50px;
}
